/* Slider */

$slider_color: if($variant == 'light', white, white);
$barlevel_bg_color: if($variant == 'light', rgba(black, 0.06), rgba(white, 0.1));
$barlevel_active_bg_color: if($variant == 'light', rgba(black, 0.15), rgba(white, 0.35));
$slider_size: 22px;

.slider {
  height: $slider_size;
  color: $slider_color;
  border-radius: 16px;

  -slider-handle-radius: $slider_size * 0.5;

  // barlevels are for >= 3.29.90
  -barlevel-height: $slider_size;
  -barlevel-background-color: $barlevel_bg_color;
  -barlevel-active-background-color: $barlevel_active_bg_color;
  -barlevel-overdrive-color: $destructive_color;
  -barlevel-overdrive-separator-width: 1px;

  &:hover {
    color: $slider_color;
  }
}
